<template>
  <div>
    modules
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";
// import { createStore } from "vuex";

export default defineComponent({
  setup() {
    // const moduleA = {
    //   state: () => ({ ... }),
    //   mutations: { ... },
    //   actions: { ... },
    //   getters: { ... }
    // }

    // const moduleB = {
    //   state: () => ({ ... }),
    //   mutations: { ... },
    //   actions: { ... }
    // }

    // const store = createStore({
    //   modules: {
    //     a: moduleA,
    //     b: moduleB
    //   }
    // })

    // store.state.a // -> `moduleA`'s state
    // store.state.b // -> `moduleB`'s state

    return {};
  },
});
</script>

<style scoped>
</style>